.GantryCrane001 {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 16px;

	& > .List {
		width: 50%;
		height: calc(100% / 3);
		background: conic-gradient(
				from -45deg at 10px 10px,
				royalblue 90deg,
				transparent 0deg
			),
			conic-gradient(
				from 135deg at left 10px bottom 10px,
				royalblue 90deg,
				transparent 0deg
			);
		background-color: rgba(2, 53, 106, 0.5);
		background-position: -10px 0;
		padding: 16px;
		border: 1px solid rgba(54, 126, 242, 0.05);
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;

		& > .Title {
			font-size: 24px;
			font-family: Microsoft YaHei;
			font-weight: 600;
			color: #60eaff;
			margin-bottom: 8px;
		}

		& > .Item {
			width: 100%;
			margin-bottom: 4px;
			flex: 1;
			display: flex;
			align-items: flex-start;
			justify-content: space-around;
			flex-direction: column;

			& > div {
				display: flex;
				align-items: center;
				justify-content: flex-start;
				width: 100%;
				margin-bottom: 4px;

				& > .bigTitle {
					font-size: 24px;
					font-family: Microsoft YaHei;
					font-weight: 600;
					color: #60eaff;
					margin-bottom: 8px;
				}

				& > .Title {
					width: 100px;
					font-size: 18px;
					font-family: Microsoft YaHei;
					font-weight: 400;
					color: #feffff;
				}

				& > .Value {
					font-size: 26px;
					font-family: Bahnschrift;
					font-weight: bold;
					color: #ffffff;
				}

				& > .Unit {
					font-size: 18px;
					font-family: Microsoft YaHei;
					font-weight: 400;
					color: #60eaff;
					margin-left: 4px;
				}

				& > .State {
					flex: 1;
					text-align: right;
					font-size: 16px;
					font-family: Microsoft YaHei;
					font-weight: 400;
					color: #feffff;
				}
			}
		}
	}
}
